<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!--引入Vue-->
  <script type="text/javascript" src="../js/vue.js"></script>
  <title>事件处理</title>
</head>

<body>
  <div id="root">
    <h1>学校名字：{{name}}</h1>
    <button v-on:click="showInfo1">点我提示信息1(不传参)</button>
    <button @click="showInfo2(66,$event)">点我提示信息2（传参）</button>
  </div>

  <script type="text/javascript">
    Vue.config.productionTip=false

    let data={
      name:'尚硅谷',
      address:'就这样'
    }

    const vm=new Vue({
      el:'#root',
      data,
      methods:{
        showInfo1()
        {
          alert('我草1')//此处的this就是vm
        },
        showInfo2(number,event)
        {
          alert('我曹2'+'传一个数字'+number)//此处的this就是vm
        }
      }
    })
  </script>
</body>

</html>